import React from 'react'
import { NavBar, Icon ,SegmentedControl, WingBlank } from 'antd-mobile';
import Public_TAB from './Public_TAB'
class Mymsg extends React.Component {
    //顶部tab切换
    onChange = (e) => {
        console.log(`selectedIndex:${e.nativeEvent.selectedSegmentIndex}`);
      }
    onValueChange = (value) => {
    console.log(value);
    }
    render(){
        return(
              <div style={{width:"100%",textAlign:"center"}}>
                <NavBar
                mode="light"
                icon={
                    <Icon type="left" style={{ color: '#000' }}/> }
                          onLeftClick={() => this.props.history.push("/Account")}
                          rightContent={[
                    <Icon  style={{  
                                  width: '22px',
                                  height: '22px',
                                  background: 'url('+require('../img/正在播放.png')+') center center /  23px 23px no-repeat' }}/>,
                                  ]}
                      >我的消息
                </NavBar>
              <WingBlank size="lg" className="sc-example">
                <p className="sub-title"></p>
                <SegmentedControl
                  tintColor={'#ff0000'}
                  values={['私信', '评论', '@我','通知']}
                  onChange={this.onChange}
                  onValueChange={this.onValueChange}/>
              </WingBlank>
              <Public_TAB pops={this.props}/>
          </div>
        ) 
}}
export default Mymsg;








